<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<script type="text/javascript" src="../js/jquery.js"></script>
		<script type="text/javascript">
		$(function(){
			//设置css值按钮的处理
			$("#btn1").click(function(){
				$("#data").css("background","red");
			});
			//放大按钮的处理
			$("#btn2").click(function(){
				var size = $("#data").css("font-size");
				$("#data").css("font-size",parseInt(size)+5+"px");
			});
			//缩小按钮的处理
			$("#btn3").click(function(){
				var size = $("#data").css("font-size");
				$("#data").css("font-size",parseInt(size)-5+"px");
			});
		});
		</script>
	</head>
	<body>
		<h1>css样式控制</h1>
	<input type="button" value="设置css值" id="btn1">
	<input type="button" value="放大" id="btn2">
	<input type="button" value="缩小" id="btn3">
	<br/>
	<span id="data">新年快乐！</span>
	</body>
</html>
